.easing {
    position: relative;
}

.ant-carousel .slick-dots {
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 10%;
    /* background: red; */
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ant-carousel .slick-dots li {
    width: 10px !important;
    height: 10px !important;
    /* background: red; */
}

.ant-carousel .slick-dots li button {
    border-radius: 50% !important;
    width: 10px !important;
    height: 10px !important;
    background: #fff !important;
}

.ant-carousel .slick-dots li.slick-active button {
    background: #2254f4 !important;
}
.ant-carousel .slick-list .slick-slide >div>div {
    vertical-align: bottom;
    color: #fff;
    font-size: 30px;
}